<style>
    .container-projectPlan .box-header {
        height: 500px;
        overflow-y: scroll;
    }
    .isJump {
        color: white;
        background-color: #23b7e5;
    }
</style>
<m-project-plan select-tab="demand">
    <div class="row ">
        <div class="col-sm-12">
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="list" ng-model="info.selectType" ng-click="selectRadio('list')">
                        列表
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="file" ng-model="info.selectType" ng-click="selectRadio('file')">
                        PRD全部
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="flow" ng-model="info.selectType" ng-click="selectRadio('flow')">
                        流程设计
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="feature" ng-model="info.selectType" ng-click="selectRadio('feature')">
                        功能设计
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="manual" ng-model="info.selectType" ng-click="selectRadio('manual')">
                        用户手册变更
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="report" ng-model="info.selectType" ng-click="selectRadio('report')">
                        报表
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="remark" ng-model="info.selectType" ng-click="selectRadio('remark')">
                        上线要求
                    </label>
                </div>
            </div>
            <div class="col-sm-1" style="text-align: center;">
                <div class="radio">
                    <label>
                        <input type="radio" name="sltType" value="notice" ng-model="info.selectType" ng-click="selectRadio('notice')">
                        上线公告
                    </label>
                </div>
            </div>
        </div>
        <!-- 列表视图 -->
        <div class="col-sm-12" ng-show="info.selectType == 'list'">
            <div class="col-sm-8 panel-heading">
                <div class="col-sm-4">
                    <m-ui-select prompt="请选择产品设计"
                                 itme-list="info.reqSearch"
                                 selected-item="info.selectReq">
                    </m-ui-select>
                </div>
                <div class="col-sm-3"  style="padding-top: 2px;">

                    <button type="button" class=" btn btn-default" style="border-radius: 5px;" popover="将产品设计引入到当前项目中" popover-trigger="mouseenter" ng-click="addToReqList()">
                        引入产品设计
                    </button>
                    
                </div>
            </div>
            <div class="col-sm-12">
                <accordion close-others="false">
                    <accordion-group heading="产品设计列表" is-open="true">
                            <winit-table thdata="info.reqThdata"
                                         page="info.reqPage"
                                         is-check="info.check"
                                         delete-blur="deleteReq(info)"
                                         data="info.reqList"
                                         is-user-search="false" 
                                         table-id="ppReqT" 
                                         auto-height="true" 
                                         table-height="200">
                            </winit-table>
                    </accordion-group>
                </accordion>
            </div>
        </div>
        <div class="col-sm-12" ng-if="info.selectType != 'list'">
            <div class="col-sm-8 panel-heading">
                <div class="col-sm-4">
                    <m-ui-select prompt="请选择产品设计"
                                 itme-list="info.reqListByPid"
                                 selected-item="info.sltReqItem"
                                 select-item-fun="selectReqItem(item)">
                    </m-ui-select>
                </div>
                <div class="col-sm-3">
                    <p class="form-control-static" ng-show="info.daterminedV">交付版本：{{info.daterminedV.version}}</p>
                    <p class="form-control-static" ng-show="!info.daterminedV && info.reqListByPid.length > 0" style="color: red;">产品设计还没有交付，请联系PDM尽快完成设计</p>
                    <p class="form-control-static" ng-show="info.reqListByPid.length < 1" style="color: red;">请先选择产品设计，然后查看详细！</p>
                </div>
            </div>
            <!-- 文档试图 -->
            <div class="col-sm-12" ng-if="info.selectType == 'file'">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="file"></winit-file>
            </div>
            <!-- 流程试图 -->
            <div class="col-sm-12 bg-white" ng-if="info.selectType == 'flow' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="flow"></winit-file>
            </div>
            <!-- 功能点试图 -->
            <div class="col-sm-12" ng-if="info.selectType == 'feature' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="feature"></winit-file>
            </div>
            <!-- 用户手册变更 -->
            <div class="col-sm-12" ng-if="info.selectType == 'manual' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="manual"></winit-file>
            </div>
            <!-- 报表 -->
            <div class="col-sm-12" ng-if="info.selectType == 'report' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="report"></winit-file>
            </div>
            <!-- 上线要求 -->
            <div class="col-sm-12" ng-if="info.selectType == 'remark' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="remark"></winit-file>
            </div>
            <!-- 上线公告 -->
            <div class="col-sm-12" ng-if="info.selectType == 'notice' && info.daterminedV">
                <winit-file ng-if="info.daterminedV" req-id="props.reqId" file-type="true" select-type="notice"></winit-file>
            </div>
        </div>
    </div>
</m-project-plan>
<winit-settings btn-list="settings.btnEle"></winit-settings>